<template name="skeleton">
  <view class="sk-container">
    <view class="container container">
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-176 sk-text">订单号:202405240976938784</view>
          <view class="createtime sk-transparent sk-text-14-2857-402 sk-text" style="font-size:14px;">下单时间：2024-05-24 09:30:32</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-879 sk-text">昌顺租车高铁 - 埃尔法22</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-772 sk-text">湘A42134</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.04</view>
          <view class="state sk-transparent sk-text-14-2857-95 sk-text" style="background-position-x: 100%;">已完成</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-176 sk-text">订单号:202405240976938784</view>
          <view class="createtime sk-transparent sk-text-14-2857-402 sk-text" style="font-size:14px;">下单时间：2024-05-24 09:30:32</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-879 sk-text">昌顺租车高铁 - 埃尔法22</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-772 sk-text">湘A42134</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.04</view>
          <view class="state sk-transparent sk-text-14-2857-95 sk-text" style="background-position-x: 100%;">已完成</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-543 sk-text">订单号:202405238506573046</view>
          <view class="createtime sk-transparent sk-text-14-2857-795 sk-text" style="font-size:14px;">下单时间：2024-05-23 18:10:31</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-653 sk-text">昌顺租车月湖 - 腾势D9</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-556 sk-text">湘A111111</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.01</view>
          <view class="state sk-transparent sk-text-14-2857-58 sk-text" style="background-position-x: 100%;">已取消</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-727 sk-text">订单号:202405236785722032</view>
          <view class="createtime sk-transparent sk-text-14-2857-401 sk-text" style="font-size:14px;">下单时间：2024-05-23 16:28:52</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-76 sk-text">昌顺租车月湖 - 腾势D9</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-332 sk-text">湘A111111</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.01</view>
          <view class="state sk-transparent sk-text-14-2857-503 sk-text" style="background-position-x: 100%;">已取消</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-308 sk-text">订单号:202405232769586049</view>
          <view class="createtime sk-transparent sk-text-14-2857-93 sk-text" style="font-size:14px;">下单时间：2024-05-23 16:28:13</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-485 sk-text">昌顺租车高铁 - 埃尔法22</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-888 sk-text">湘A42134</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.03</view>
          <view class="state sk-transparent sk-text-14-2857-575 sk-text" style="background-position-x: 100%;">已取消</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-152 sk-text">订单号:202405232630707520</view>
          <view class="createtime sk-transparent sk-text-14-2857-826 sk-text" style="font-size:14px;">下单时间：2024-05-23 16:27:32</view>
          <view style="font-weight:700;" class="sk-transparent sk-text-14-2857-110 sk-text">昌顺租车高铁 - 埃尔法22</view>
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-607 sk-text">湘A42134</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">
            <text class="sk-transparent sk-opacity">￥</text>0.04</view>
          <view class="state sk-transparent sk-text-14-2857-262 sk-text" style="background-position-x: 100%;">已取消</view>
        </view>
      </view>
      <view class="dingdanitem dingdanitem flex-x-center flex-x-center" >
        <view class="title title">
          <view style="font-size:14px;" class="sk-transparent sk-text-14-2857-781 sk-text">订单号:202405237456382087</view>
        </view>
        <view class="price-state price-state">
          <view class="price sk-transparent">0.04</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-176 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-402 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-879 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-772 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-95 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-691 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-828 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-381 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-661 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-989 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-543 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-795 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-653 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-556 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-58 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-727 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-401 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-76 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-332 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-503 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-308 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-93 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-485 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-888 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-575 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-152 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-826 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-110 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-607 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-262 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-781 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>